<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>页面</title>
    <link rel="stylesheet" href="./static/css/weui.min.css">
    <link rel="stylesheet" href="./static/css/jx.css">
</head>
<body>
<div class="page button js_show">
    <div class="">
        <div class="weui-search-bar" id="searchBar">
            <form class="weui-search-bar__form">
                <div class="weui-search-bar__box">
                    <i class="weui-icon-search"></i>
                    <input type="search" class="weui-search-bar__input" style="width: 50%" id="searchInput"
                           placeholder="请输入药品名称" required/>
                    <a href="javascript:;" class="weui-icon-clear" id="searchClear"></a>
                </div>
                <label class="weui-search-bar__label" id="searchText">
                    <i class="weui-icon-search"></i>
                    <span>请输入药品名称</span>
                </label>
            </form>
            <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
        </div>
        <div class="weui-cells searchbar-result" id="searchResult">
            <div class="weui-cell">
                <div class="weui-cell__bd weui-cell_primary">
                    <p>药品名称 <span style="color: #888888;font-size: 14px;">[X123456789]</span></p>
                    <p style="color: #888888;font-size: 14px;">规格:123</p>
                    <p style="color: #888888;font-size: 14px;">厂家名称</p>
                </div>
                <div class="weui-cell__ft">
                    <span style="color: #ff3b30;float: right">120块</span>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd weui-cell_primary">
                    <p>药品名称 <span style="color: #888888;font-size: 14px;">[X123456789]</span></p>
                    <p style="color: #888888;font-size: 14px;">规格:123</p>
                    <p style="color: #888888;font-size: 14px;">厂家名称</p>
                </div>
                <div class="weui-cell__ft">
                    <span style="color: #ff3b30;float: right">120块</span>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd weui-cell_primary">
                    <p>药品名称 <span style="color: #888888;font-size: 14px;">[X123456789]</span></p>
                    <p style="color: #888888;font-size: 14px;">规格:123</p>
                    <p style="color: #888888;font-size: 14px;">厂家名称</p>
                </div>
                <div class="weui-cell__ft">
                    <span style="color: #ff3b30;float: right">120块</span>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__bd weui-cell_primary">
                    <p>药品名称 <span style="color: #888888;font-size: 14px;">[X123456789]</span></p>
                    <p style="color: #888888;font-size: 14px;">规格:123</p>
                    <p style="color: #888888;font-size: 14px;">厂家名称</p>
                </div>
                <div class="weui-cell__ft">
                    <span style="color: #ff3b30;float: right">120块</span>
                </div>
            </div>
        </div>
    </div>
    <div class="page__ft page__bd_spacing"></div>
</div>
</body>
<script type="text/javascript" src="./static/js/weui.min.js"></script>
<script type="text/javascript" src="./static/js/zepto.min.js"></script>
<script type="text/javascript">
    weui.searchBar('#searchBar');
</script>
</html>

